<template>
  <div class="nav-header">
    <div class="header-logo">
      <img src="../assets/images/logo.png"/>   
      <span class="arror-border"></span>
      <span class="title">论房，你就是权威</span>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'NavHeader',
    data() {
      return {
      }
    },
    methods: {
    }
  }
</script>

<style lang="scss" scoped>
  @import "@/assets/css/style.scss";

  .nav-header {
    width: 100%;
    background: $bodyBgColor;
    overflow: hidden;
    border-bottom: 3px solid $borderColor;
    line-height: 80px;
    .header-logo {
      font-size: $fs24;
      color: #fff;
      img {
      	margin-left: 180px;
        width: 120px;
        height: 40px;
      }
      .arror-border{
      	position: relative;
      	top: 0px;
      	margin: 0px 9px 0px 17px;
      	display: inline-block;
      	width: 32px;
      	opacity: 0.2;
				border-top: 2px solid #FFFFFF;
      }
      .title{
      	position: relative;
      	top: 4px;
      	font-size: $fs20;
      	line-height: 28px;
      	color: $colorWhite ;
      }
    }
  }
</style>
